安装vue-cli2.0并创建项目
文章目录
- 1 安装node
- 2 安装vue-cli
- 3 创建基于webpack模板的项目
- 4 项目结构
1 安装node
- 之前写的博客中介绍了如何安装：NodeJS的安装【windows】。
- 安装完毕后，可以在命令行中输入
node -v和npm -v，若出现版本号，则安装成功。
2 安装vue-cli
- 输入
npm install -g @vue/cli。 - 可能出现的错误：4048错误。
解决方法：以管理员身份运行命令提示符，然后安装。 - 输入
vue -v，若出现版本号，则安装成功。
3 创建基于webpack模板的项目
- 转到项目想要创建的文件夹，这里设置的是桌面：
cd /d %userprofile%\Desktop。 - 输入
vue init webpack todolist。
这里可能会出现错误：Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and try again.，按照提示输入npm i -g @vue/cli-init即可。 - （若出现上述错误）再次输入
npm i -g @vue/cli-init，然后根据提示依次输入即可。
- 项目创建成功，启动项目：
cd todolist，npm run dev。
- 项目运行成功。
- 在浏览器输入
localhost:8080可显示该页面。
4 项目结构
- build：项目的webpack配置文件。
- config：针对开发环境和线上环境的一些配置文件。
- node_modules：项目的依赖。
- src：源代码，src-main.js：整个项目的入口文件。
- static：静态资源。
