语雀Vue-Cli脚手架教程 笔记: 1.安装npm 官网:https://nodejs.org/zh-cn/download/ node安装教程 安装到c盘,默认安装即可 2.在命令行工具中输入 C:\Users\admin>node -v 出现:v14.16.0
C:\Users\admin>npm -v 出现6.14.11 出现版本号说明安装成功 3.由于速度原因: 输入: npm install -g cnpm --registry=https://registry.npm.taobao.org
命令行输入:C:\Users\admin>cnpm -v 出现 cnpm@6.1.1版本号即证明安装成功 4.安装cli
//安装最新@vue/cli版本
cnpm install -g @vue/cli
注:输入的npm的命令替换为cnpm可加快下载速度
5.新建一个文件夹 如:GradPjct 所在位置(E:\GradPjct)
6.在命令控制台进入到文件夹 e: cd E:\GradPjct 切换到该文件夹的目录 7.输入命令 vue create decorationsystem 注:decorationsystem为所创建的项目名称 8.选择预设模板。这里选择“Manually select features”(手动选择特征) 第一次创建工程时,可以只选择Babel和Router即可。 选择是否使用history 形式的路由,也就是询问路径是否带 # 号,这里选择 n。 询问将依赖文件放在独立文件中,还是package.json中:为了保持工程配置文件的整洁性,这里选择“In package.json”。 询问是否将当前选择保存以备下次使用。这里选择“n”。 9.等待安装:至出现 cd decorationsystem npm run serve 此时输入: cd decorationsystem npm run serve 直至出现
10.在浏览器中测试:http://localhost:8080
则证明成功了
|