Vue3安装步骤

npm安装vue3项目
**
1 ,vue环境
**
1.1 安装node: 直接下一步下一步官网下载:https://nodejs.org/zh-cn/
node -v和npm -v检查版本
1.2 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.3 创建vue的工程(需要一个vue脚手架)
cnpm install vue@next
cnpm install -g @vue/cli
注:如果2、3步报错,清除缓存后重新走2、3步
npm cache clean --force
1.4 命令行下敲 vue -h看是否有vue的指令列表提示

2 ,创建项目
前提:在目标目录建立项目,打开文件管理器,在路径框输入cmd回车
2.1在命令窗口输入vue create 项目名创建
2.2在命令窗口输入vue ui进行可视化创建

3,创建vite+vue3
npm init vite@latest 项目名
cd 项目名
npm install
npm run dev

//#########################以下可以使用

yarn安装vue3项目
全局安装yarn
npm install yarn -g
切换源
yarn config get registry
yarn config set registry https://registry.npm.taobao.org
安装新版:
yarn global add @vue/cli
检查vue是否被安装
vue -V
创建项目(与npm创建vue3项目一样)
vue create my-project
我们一般使用第一条(默认)、vuex、router,css预处理,ts等/完成之后,进入到创建的项目根目录下
cd my-project
安装依赖包
yarn
说明:yarn是yarn install的简写,可直接敲击yarn,功能和npm install一样
最后运行项目
yarn run dev
浏览器会自动打开运行一个页面,出现以下页面,说明成功了。
前端:Vue3、TypeScript、SCSS、Element Plus、Router、axios、Vuex

 

第一步:安装 http://nodejs.cn/download/
第二步:安装 npm install -g @vue/cli Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架
前二步只要安装一次即可。不是每次都需要安装的
第三步:创建项目:vue create zhaoxi-ui
第四步:安装typescript :vue add typescript
第五步:安装 npm install sass-loader node-sass --save
第六步: 安装 npm install element-plus --save
引用
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App)
app.use(ElementPlus)

第七步:安装路由:npm install vue-router@next --save
第八步: 安装ajxa npm install axios --save
第九步:安装状态vuex:npm install vuex@next --save
第十步:安装订阅发布事件: npm install --save pubsub-js

npm install echarts --save


https://developer.apple.com/cn/support/app-account/

 C#多线程和异步(二)——Task和async/await详解

https://www.cnblogs.com/wyy1234/p/9172467.html

https://www.cnblogs.com/xtjatswc/p/12213299.html

 

posted @ 2022-06-01 17:10  王力之  阅读(1945)  评论(0编辑  收藏  举报