vue-cli脚手架搭建学习

参考博客：https://blog.****.net/wulala_hei/article/details/80488674

 

在当前文件夹下运行Powershell窗口，Win10系统下，Shift+右键，选择 [在此处打开Powershell窗口]

1.运行vue init webpack sell （webpack为脚手架的模板之一，sell为自定义的项目文件夹名称）

2.cd sell（进入sell文件夹）

3.npm install（安装相关的依赖模块，安装完成会出现node_modules这个文件夹）

4.npm run dev（启动本地服务，查看package.json文件，npm start指向的就是npm run dev，执行npm start同样的启动服务）

在执行第三步npm install操作的时候，可能会出现这个错误：Unhandled rejection Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\node_cache\_cacache\tmp\c135edc

原因是没有获得管理员权限，Win10下的解决方法如下

1.Win+X，选择Windows PowerShell（管理员）

2.cd 项目路径（例如：C:\Users\Neng\Desktop\vue\project\sell）

3.再次运行npm install

打包上线

npm run build

--save与--save-dev比较

相同点：安装的模块依赖信息都添加到package.json中

不同点：--save的信息添加到dependencies（生产），--save-dev的信息添加到devDependencies（开发）