Vue项目创建

vue-cli mac版安装需要权限才能安装在安装命令前加sudo 管理权限安装即可

vue的脚手架:快速帮我们创建出vue的项目

vue2 和 vue3

-vue-cli可以创建vue2和vue3的项目    webpack构建工具
-Vite:新一代构建工具
-vue3上,推荐使用ts写  js

先安装nodejs 后端语言---》语法就是js的语法

-js运行在浏览器中,浏览器中有它的解释器环境
-不能运行在操作系统之上,把chrom浏览器的v8引擎,把它安装在操作系统上
	-c语言写了内置库:文件操作,网络操作

-官网:https://nodejs.org/zh-cn/download/ ,下载,一路下一步
-安装完会释放两个命令(在环境变量中,任意路径都能敲这俩命令)
	-node      python3
    -npm        pip
    -cnpm      等同于pip ,只是下模块,直接取淘宝镜像站下载,速度快
	cnom install 插件名 -S  带S解释:保存本地

安装vue-cli ,通过脚手架创建vue项目 (django--->django项目--->django-admin)

sudo cnpm install -g @vue/cli
-只要装成功,又会多出一个可执行文件  vue

npm 下载时候,去国外,速度慢,使用国内镜像

-淘宝做了一个cnpm可执行文件,用来替换npm,以后所有使用npm的地方都换成cnpm即可
-安装cnpm 
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

创建vue项目

vue create myfirstvue

第一步
image
第二步
image
第三步
image
创建完成
image

ide的选择(vscode,webstorm:jetbrains公司的,跟pycharm一家的,使用习惯一样)

-选择使用pycharm+vue插件 开发vue项目
-使用pycharm打开vue项目

运行vue项目

-方式一:在命令行中敲:npm run serve
-方式二:在pycharm中点击绿色箭头运行

image
点击➕号添加

cnpm install axios

posted @ 2022-10-30 17:29  懒羊羊A  阅读(60)  评论(0)    收藏  举报