vue-cli脚手架搭建学习

参考博客:https://blog.csdn.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同样的启动服务)

vue-cli脚手架搭建学习_第1张图片

vue-cli脚手架搭建学习_第2张图片

在执行第三步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(开发)

你可能感兴趣的:(Vue)