vue入门之搭建脚手架(创建新项目)

vue

vue入门之搭建脚手架(创建新项目)

一、搭建脚手架CLI

1、首先需要安装一个工具 node.js

网址：https://nodejs.org/,点击版本下载，安装到D盘

2、测试是否安装成功：在电脑开始那里搜索，打开终端（cmd）。输入：node -v 回车，便会返回当前node.js的版本号，即为成功，然后终端cmd中操作：
vue-cli $ npm install --global vue-cli // 终端全局安装vue-cli

3、新建vue项目在终端上的操作：

（1）打开终端cmd

（2）进入要创建项目的E盘：直接输入E: 回车

（3）进入要创建项目的目录： cd E:\笔记\学习笔记\Vue.js基础+例子\demo 回车

（4）新建vue项目： vue init webpack projectName 回车

（5）根据提示操作，填写项目名称–项目描述—作者–no no 回车

（6）最后就创建项目成功，可以用开发工具打开这个项目了

（7）Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

（1）最后运行项目：首先进入E: 再进入项目的文件目录： cd E:\笔记\学习笔记\Vue.js基础+例子\demo\myfirstVue 在以上的目录路径下输入：npm run dev 回车出现以下提示