用node+webpack+vue新建vue项目步骤

1. 安装node,命令行输入node-v命令查看是否安装成功。

2. 安装vue:npm install vue-cli -g(全局安装)。

3. 在想要创建vue项目的目录下,按住shift+右键,选择在此处打开命令行窗口。

4. 运行命令:vue init webpack

5. 运行命令:npm install

6. 在所有命令运行完毕后,用npm run dev命令启动项目,然后再本地浏览器中打开项目即可(默认端口号为8080)

7. build为命令存放目录,config为配置目录,dist为最终代码存放目录(上传服务器),src为平时所写代码存放目录,static存放img,css,js文件

报错:在遇到" 'webpack-dev-sever'不是内部或外部命令,也不是可运行的程序或批处理文件"报错时,可删除'node_modules'文件夹,删除package-lock.json文件,依次运行命令:npm install和npm run build,最后运行npm run dev启动项目

猜你喜欢

转载自www.cnblogs.com/wmrp/p/9168556.html