1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 前端vue-cli脚手架搭建

前端vue-cli脚手架搭建

时间:2023-07-20 15:39:44

相关推荐

前端vue-cli脚手架搭建

语雀Vue-Cli脚手架教程

笔记:

1.安装npm

官网:/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.

命令行输入: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

则证明成功了

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。