vue + webpack 构建项目

vue+webpack项目搭建过程:

node是必须的,需要先安装好node

全局查询node -v:

vue + webpack 构建项目_第1张图片

接下来全局安装vue-cli  

npm install --global vue-cli



安装成功后在项目文件夹下 运行 vue init webpack + 项目名:

vue + webpack 构建项目_第2张图片

此时文件夹下的目录如下:vue + webpack 构建项目_第3张图片

接下来执行 npm install  或者cnpm install   或者 yarn install 

注意  : 一定要在创建好的vue目录下执行命令:

vue + webpack 构建项目_第4张图片

成功后文件夹下回生成node_modules文件夹就好


然后执行 npm run dev 就大功告成啦 会提示端口名 一般是locahost:8080 也可以自己更改:

vue + webpack 构建项目_第5张图片

大功告成啦!

你可能感兴趣的:(vue)