vue 项目搭建笔记1

时间:2022-05-21 22:52:43

1、首先安装node.js(傻瓜式安装,安装路径默认C盘)

2、打开node.js command prompt

3、进入想放项目的文件夹。如D:  -->回车

vue 项目搭建笔记1

4、进入具体文件夹,如cd work\demo

5、安装vue-cli脚手架 npm install -g vue-cli

6、安装成功脚手架后,新建项目testDemo,vue init webpack testDemo

7、安装过程中会让输入打包的项目名称 作者等信息

Install vue-router?选择Y,其他都选N即可

8、创建成功后,进入项目cd testDemo

9、启动项目 npm run dev

vue 项目搭建笔记1

10、启动项目成功后,会有下边的提示

vue 项目搭建笔记1

11、构建压缩:npm run build

注:之前因为nodejs的全局路径问题一直安装不上脚手架vue-cli,解决方式是将C:\Users\电脑名称\.npmrc文件删除 再重新安装即可